<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

  <h3>外部资源连接</h3>
  <div>
      <ol>
          <li><a href="https://www.baidu.com">百度</a></li>
          <li><a href="https://www.csdn.net">CSDN</a></li>
      </ol>
  </div>
  <h3>本地资源连接</h3>
  <div>
      <ol>
          <li><a href="./index.html">index.html</a></li>
          <li><a href="./image.html">image.html</a></li>
      </ol>
  </div>
  <h3>图片连接</h3>
  <div>
      <ol>
          <li><a href="./index.html" target="_blank" >
              <img src="./images/a.jpg"></a>
          </li>
          <li><a href="./image.html" target="_self" >
              <img src="./images/a.jpg"></a>
          </li>
      </ol>
  </div>
  <h3>页面内部连接</h3>
  <div>
      <ol>
          <li><a href="#first">first</a></li>
          <li><a href="#second">second</a></li>
      </ol>
  </div>
  <div>
      <h4 id="first">段落一</h4>
      <p>AAAAAAAAAAAAAAAAAAAA</p>
      <p>AAAAAAAAAAAAAAAAAAAA</p>
      <p>AAAAAAAAAAAAAAAAAAAA</p>
      <p>AAAAAAAAAAAAAAAAAAAA</p>
      <p>AAAAAAAAAAAAAAAAAAAA</p>
      <p>AAAAAAAAAAAAAAAAAAAA</p>
      <p>AAAAAAAAAAAAAAAAAAAA</p>
      <h4 id="second">段落二</h4>
      <p>BBBBBBBBBBBBBBBBBBBB</p>
      <p>BBBBBBBBBBBBBBBBBBBB</p>
      <p>BBBBBBBBBBBBBBBBBBBB</p>
      <p>BBBBBBBBBBBBBBBBBBBB</p>
      <p>BBBBBBBBBBBBBBBBBBBB</p>
      <p>BBBBBBBBBBBBBBBBBBBB</p>
    </div>
    <div>
        <a href="#">top</a>
    </div>

</body>
</html>